$border-radius-sm: 6rpx !default;    //小圆角
$border-radius: 12rpx !default;      //普通圆角
$border-radius-lg: 20rpx !default;   //大圆角

.round, .radius-round {
	border-radius: 5000rpx;
}

.radius-sm {
	border-radius: $border-radius-sm;
}
.radius,.radius-df {
	border-radius: $border-radius;
}
.radius-lg{
  border-radius: $border-radius-lg;
}

.radius-top{
  border-top-left-radius: $border-radius;
  border-top-right-radius: $border-radius;
}
.radius-bottom{
  border-bottom-left-radius: $border-radius;
  border-bottom-right-radius: $border-radius;
}
.radius-left{
  border-top-left-radius: $border-radius;
  border-bottom-left-radius: $border-radius;
}
.radius-right{
  border-top-right-radius: $border-radius;
  border-bottom-right-radius: $border-radius;
}

.radius-top-lg{
  border-top-left-radius: $border-radius-lg;
  border-top-right-radius: $border-radius-lg;
}
.radius-bottom-lg{
  border-bottom-left-radius: $border-radius-lg;
  border-bottom-right-radius: $border-radius-lg;
}
.radius-left-lg{
  border-top-left-radius: $border-radius-lg;
  border-bottom-left-radius: $border-radius-lg;
}
.radius-right-lg{
  border-top-right-radius: $border-radius-lg;
  border-bottom-right-radius: $border-radius-lg;
}